<script lang="ts" setup>
// 导入 reactive 函数，用于处理响应式数据，类似鸿蒙的 @State 装饰器
// 1. 导入函数
import { reactive } from "vue";
// 2. 创建响应式数据对象
const obj = reactive({ name: 'tom', age: 18 })

const addAge = () => {
  obj.age++
  console.log(obj);
}
</script>

<template>
  <p>{{ obj }}</p>
  <button @click="addAge()">年龄+1</button>

</template>


<style scoped></style>